*{
	margin:0;
	padding: 0;
    
	// font-size: 0;
}
#app::-webkit-scrollbar{
    display: none;
}
body,html{
    min-width: 1200px;
    width: 100%;
    height: 100%;
}
#app{
    overflow-x: hidden;
}

@function r($num) {
	@return $num / 19.20 + vw
}
@mixin display($align:top,$justify:start) {
	display: flex;
	@if($align == top){
		align-items: flex-start;
	}
	@if($align == center){
		align-items: center;
	}
	@if($align == bottom){
		align-items: flex-end;
	}
	@if($justify == left){
		justify-content: flex-start;
	}
	@if($justify == center){
		justify-content: center;
	}
	@if($justify == right){
		justify-content: flex-end;
	}
	@if($justify == between){
		justify-content: space-between;
	}
	@if($justify == around){
		justify-content: space-around;
	}
}

@mixin textOF($num:2){
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: $num;
	overflow: hidden;
	text-overflow: ellipsis;
}
@mixin textWS {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

@keyframes sclaesL{
	0%{
		transform: scaleX(0);
	}
	100%{
		transform: scaleX(1);
	}
}